<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <title>Controlled - Documentation</title>


    <script src="scripts/prettify/prettify.js"></script>
    <script src="scripts/prettify/lang-css.js"></script>
    <!--[if lt IE 9]>
      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="styles/prettify.css">
    <link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
    <script src="scripts/nav.js" defer></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>

<input type="checkbox" id="nav-trigger" class="nav-trigger" />
<label for="nav-trigger" class="navicon-button x">
  <div class="navicon"></div>
</label>

<label for="nav-trigger" class="overlay"></label>

<nav >

    <h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="ButtonEvent.html">ButtonEvent</a></li><li><a href="MainUIElements.html">MainUIElements</a></li><li><a href="Controlled.html">Controlled</a></li></ul><h3>Global</h3><ul><li><a href="global.html#handleFileSelect">handleFileSelect</a></li><li><a href="global.html#handleDragOver">handleDragOver</a></li><li><a href="global.html#fileLoader">fileLoader</a></li><li><a href="global.html#wheelE">wheelE</a></li><li><a href="global.html#updateTheImage">updateTheImage</a></li><li><a href="global.html#getCheckValue">getCheckValue</a></li><li><a href="global.html#patientInformation">patientInformation</a></li><li><a href="global.html#doseFile">doseFile</a></li><li><a href="global.html#findXY">findXY</a></li><li><a href="global.html#dose2patient">dose2patient</a></li><li><a href="global.html#getCTimage">getCTimage</a></li><li><a href="global.html#CT2Patient">CT2Patient</a></li><li><a href="global.html#dose2CT">dose2CT</a></li><li><a href="global.html#DoseCheckbox">DoseCheckbox</a></li><li><a href="global.html#doseCheckEvent">doseCheckEvent</a></li><li><a href="global.html#addDoseSet">addDoseSet</a></li><li><a href="global.html#doseCheckAndDraw">doseCheckAndDraw</a></li><li><a href="global.html#drawDose">drawDose</a></li><li><a href="global.html#gridScaling">gridScaling</a></li><li><a href="global.html#getDoseValue">getDoseValue</a></li><li><a href="global.html#importPixelData">importPixelData</a></li><li><a href="global.html#drawROI">drawROI</a></li><li><a href="global.html#reset">reset</a></li><li><a href="global.html#isASCII">isASCII</a></li><li><a href="global.html#structFile">structFile</a></li><li><a href="global.html#roiListHierarchy">roiListHierarchy</a></li><li><a href="global.html#getContourData">getContourData</a></li><li><a href="global.html#voxelCal">voxelCal</a></li><li><a href="global.html#RGB2Hex">RGB2Hex</a></li><li><a href="global.html#fullColorHex">fullColorHex</a></li><li><a href="global.html#roiCheckbox">ROICheckbox</a></li><li><a href="global.html#roiCheckEvent">roiCheckEvent</a></li><li><a href="global.html#roiData2JSON">roiData2JSON</a></li><li><a href="global.html#contourData2JSON">contourData2JSON</a></li><li><a href="global.html#directCheckAndDraw">directCheckAndDraw</a></li><li><a href="global.html#roiCheckAndDraw">roiCheckAndDraw</a></li><li><a href="global.html#addROIset">addROIset</a></li><li><a href="global.html#pixelCal">pixelCal</a></li></ul>
</nav>

<div id="main">

    <h1 class="page-title">Controlled</h1>







<section>

<header>

        <h2>
        Controlled
        </h2>

            <div class="class-description usertext"><p>Element Zoom , pan Controlled Class</p></div>


</header>

<article>

        <div class="container-overview">




    <h2>Constructor</h2>


    <h4 class="name" id="Controlled"><span class="type-signature"></span>new Controlled<span class="signature">()</span><span class="type-signature"></span></h4>






<dl class="details">




















    <dt class="tag-author">Author:</dt>
    <dd class="tag-author">
        <ul>
            <li>Choi jin kyung</li>
        </ul>
    </dd>













</dl>





<div class="description usertext">
    <p>Performs CT Image, DOSE, and RT STRUCTURE simultaneously with Zoom in, out, and pan.
<br>This is open source - react-map-interaction</p>
<p>To Install
<br> -&gt; npm install react-map-interaction</p>
<p>To apply</p>
<ol>
<li>import Controlled from &quot;./mouseControl&quot;;</li>
<li>Where there is a tag you want, Put &lt;Controled// in place of the tag.</li>
<li>Then, put the tag in the Controlled class.</li>
</ol>
</div>









    <h5>Example</h5>

    <pre class="prettyprint"><code>//How to use?
//In Controlled Class
    render() {
        return (
            &lt;MapInteractionCSS
                value={this.state.value}
                onChange={(value) => this.setState({value})}>
                // Put the tag you want to apply here.
            &lt;/MapInteractionCSS>
        );
    }</code></pre>






















        </div>





















</article>

</section>






</div>

<br class="clear">

<footer>
    Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.6</a> on Thu Dec 03 2020 16:08:53 GMT+0900 (GMT+09:00) using the <a href="https://github.com/clenemt/docdash">docdash</a> theme.
</footer>

<script>prettyPrint();</script>
<script src="scripts/polyfill.js"></script>
<script src="scripts/linenumber.js"></script>



</body>
</html>
